/* text helpers */
.t {
  &-uppercase {
    text-transform: uppercase;
  }

  @each $color, $value in $theme-colors {
    &-#{$color} {
      color: $value !important;
    }
  }

  &-left {
    text-align: left !important;
  }

  &-right {
    text-align: right !important;
  }

  &-center {
    text-align: center !important;
  }
}

.title {
  &-lg {
    color: $dark;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
  }

  &-subtitle {
    color: $dark;
    text-align: center;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.2;
  color: #2e2e2e;
}

h1 {
   font-size: 2rem;
}

h2 {
   font-size: 1.75rem
}

h3 {
   font-size: 1.5rem
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
}
